草庐IT

CSS 链接

全部标签

javascript - 如何从 node.js 脚本中的 CDN 链接导入 JavaScript 库

我有一个名为myscript.js的脚本。我通常执行脚本使用这个命令:$nodemyscript.js如何通过脚本中的CDN地址包含JStat库://cdn.jsdelivr.net/jstat/1.2.1/jstat.min.js 最佳答案 node的require中没有内置任何逻辑来执行此操作。如果你确定这个库支持在服务器端使用(不是所有的库都是“同构的”,即在客户端和服务器端都可用),那么你可以下载它并在本地使用它(要求('./jstat.min.js')).最好的方法是在npm上找到它并安装它,就像任何其他Node模块一样。

javascript - 如何让导入的 css 字体/图标对 shadow dom 中的元素产生影响?

假设我想使用shadowdom创建一个自定义元素。模板中的某些元素具有在链接的css文件中指定的类名。现在我想让css规则对元素产生影响。但由于shadowdom样式边界,我无法实现。DreamLineTourBlogContactErrorSearchvarimportDoc=document.currentScript.ownerDocument;varproto=Object.create(HTMLElement.prototype,{createdCallback:{value:function(){vart=importDoc.querySelector("#blog-hea

javascript - webpack css loader 不工作 : no output css file

我正在从事开源元素,现在我需要为前端设置webpack。我在下面尝试了webpack配置,JS工作正常,但css不行,没有css输出文件。我不知道为什么会这样,请帮助我。下面是我的webpack配置js文件:constpath=require("path");constwebpack=require('webpack');constExtractTextPlugin=require("extract-text-webpack-plugin");constnode_dir=__dirname+'/node_modules';constsassLoaders=['css-loader','

javascript - Vanilla JavaScript : Is there a way to toggle multiple CSS-classes in one statement?

我使用这些JavaScript代码来更改脚本中的类:vartoggleDirection=function(){group.classList.toggle('left-to-right');group.classList.toggle('right-to-left');}在我的示例中,只有两个类需要更改,但也可以是多个类...因此:有谁知道编写示例的方法不那么冗余? 最佳答案 不,不可能直接使用Element.classListAPI。查看API,您可以阅读:toggle(String[,force])Whenonlyonearg

javascript - jquery 可拖动事件更改子元素的 css

你好,请看这段代码$('.new-div').draggable({containment:"#bord",create:function(){$(".new-div").css("width",'auto');},drag:function(){$(".new-div").css("width",'auto');},start:function(){$(".new-div").css("width",'auto');},stop:function(){$(".new-div").css("width",'auto');}});$(document).on("click",".clos

javascript - 找不到 D3js 强制定向图链接

我目前正在尝试使用d3jsv4构建力导向图。我有以下节点和链接,其实很简单节点[{"id":"4d2b0275-5bc7-e611-81c4-00155df7ea33"},{"id":"b32b0275-5bc7-e611-81c4-00155df7ea33"}]链接[{"source":"4d2b0275-5bc7-e611-81c4-00155df7ea33","target":"b32b0275-5bc7-e611-81c4-00155df7ea33"}]我的forceSimulation设置是varsimulation=d3.forceSimulation(nodes).for

javascript - 使用 dangerouslySetInnerHtml 呈现内容时如何使用 React 链接?

所以我正在为React应用程序开发博客页面。该页面正在从CMS加载数据,博客文章的内容是我在页面上呈现的原始html:但是我在帖子中放置的任何链接都像HomePage不要使用React路由器,而是触发重新加载页面。有没有办法在无需解析HTML和替换的情况下处理此问题?带有的标签? 最佳答案 您可以在HTML容器上使用点击处理程序来捕获点击。如果点击来自标记(或子标记),您可以防止默认,并使用href.在这种情况下,您可以使用react-router的withRouter得到history对象,并使用push通知路由器的方法。您还可以

javascript - 使用jQuery在新窗口中打开所有外部链接

这里是jQuery的新手。我发现有几个网页接近我正在尝试做的事情,但不完全是。实际上,我认为以下内容应该实际有效,但它说的是:[@href^="http://"]无法识别(语法错误)。有帮助吗?$(document).ready(function(){$('a[@href^="http://"]').filter(function(){returnthis.hostname&&this.hostname!==location.hostname;}).attr('target','_blank');});谢谢。 最佳答案 不需要@符号

javascript - 浏览器会记住 "a:visited"链接多长时间?

浏览器会记住“a:visited”链接多长时间?假设该方法在浏览器中不统一-针对任何单个浏览器(或您所知道的尽可能多的浏览器)的答案会有所帮助。另外,它存储在哪种类型的内存下?“网络历史”?缓存? 最佳答案 访问过的链接是您网络历史记录的一部分,它们的存储时间取决于每个用户的个人浏览器设置。我相信Firefox默认情况下会记住无限的历史记录,但任何人都可以对其设置时间限制,或者每次关闭浏览器时都清除它等。 关于javascript-浏览器会记住"a:visited"链接多长时间?,我们在

javascript - 获取应用于元素的 css 类的背景颜色

比如说,我有以下CSS类:.upComing{background:#ccc;font-weight:bold;}在我的HTML中,我有一个表,其中一些行应用了该类,如下所示:到目前为止一切顺利,但是通过JavaScript我有监听td点击的事件,我想获取行的颜色(我知道我可以获取行的类,但在这种情况下我需要能够从类中获取颜色)。我需要这样做,因为表格可以导出到excel文件,如果行颜色在CSS类上,则不会应用于excel文件,我想在之前将这种颜色应用于每个td将html发送到excel生成器。PS:该表是从我们创建的jQuery插件动态生成的,它仍在进行中,但当我们对它有足够的信心时